<template>
  <div class="login">
    <div class="title">登录页</div>
    <div class="top">
        <input v-model="phone" type="text" placeholder="请输入手机号">
        <input v-model="pass" :type="leixing" placeholder="输入密码">
        <button @click="login">登录</button>
    </div>
  </div>
</template>

<script>
export default {
   mounted(){
     
   },
   methods:{
    dian(){
        console.log(111);
        this.$router.push('/detail'+id)
    }
   }

}
</script>

<style scoped>
.login{
    padding: 20px;
    margin-top: 20px;
    text-align: center;
}
.login .title{
   font-weight: 700;
   margin-bottom: 10px;
}
.login .top{
    line-height: 70px;
}
.login .top input{
    box-sizing: border-box;
    padding-left: 20px;
    border-radius: 5px;
    width: 100%;
    height: 35px;
}
.login .top button{
    width: 100%;
    height: 50px;
}
</style>